<template>
	<view>
		<view v-for="item in dataList" :key="item.stadiumItemId">
				<view>{{item.stadiumItemName}}</view>
				<image :src="item?.imageList[0]?.imageUrl" mode=""></image>
		</view>
	</view>
</template>

<script setup>
	// 请求场馆的接口 （通过fiddler 查看得到）
 import {GetStadium} from '../../api/index.js'
 import {ref} from 'vue'
 // 触底回调函数
 import {onReachBottom} from '@dcloudio/uni-app'
 // 搜索条件
var  searchParams = ref({
	 pageNo:1,
	 pageSize:10,
	 channel:19,
	 longitude:113.66072082519531,
	 latitude:34.79977035522461,
	 opennessSchool:0,
	 distanceSort:0,
	 city:310100
 })
 // 是否可以加载下一页
 const can = ref(true)
 // 显示的数据
 const dataList = ref([])
 function getStadium(){
	 // 如果不可以就直接返回
	 if(!can.value){return};
	 // 变成不可以
	 can.value = false;
	 GetStadium(searchParams.value)
	 .then(res=>{
		 // 数据和以前的数据合并
		 dataList.value = dataList.value.concat(res.data.dataList)
		 // 可以加载
		 can.value = true;
		 // 页数加1
		 searchParams.value.pageNo++;
	 })
	 .catch(err=>{
		 can.value = true;
		 
	 })
 }
 // 默认获取移除
 getStadium()
 onReachBottom(()=>{
	 if(can.value){
		 // 如果可以就加载下一页
		  getStadium();
	 }
	
 })
</script>

<style>

</style>
